@import '@/lib/reset.scss';

//  .Wrapper-left{
//      display:none;
//  }
.ClearSomeWhere{
    margin-top:20px;
}
 .Wrapper-detail{
    width: 720px;
    height:222px;
    margin-top:25px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    background-color: #fff;
    border:1px solid #cecece;
    z-index: 10;
    .DetailImg{
        float: left;
        @include rect(170px, 212px);
        padding:10px 15px;
        img{
            @include rect(100%, 100%);
        }
    }
    .DetailTitle {
        width: 528px;
        height:auto;
        float: left;
        margin-top:6px;
        h3 {  
          @include rect(auto, auto);
          color:#333;
          font-size:20px;
          overflow:hidden;
          text-overflow:ellipsis;
          white-space:nowrap
        }
        h3:hover{
          color:#007fff;
        }
        p{
          width: 528px;
          height:20px;
          color:#777;
          margin-top:10px;
          font-size:14px;
          overflow:hidden;
          text-overflow:ellipsis;
          white-space:nowrap
          span{
            margin-left:6px;
          }
        }
        .DetailBuy{
            height:70px;
            span{
                display:block;
                width:180px;
                height:50px;
                border:1px solid #cecece;
                float:left;
                font-size:19px;
                margin-top:16px;
                line-height: 50px;
                text-align: center;
            }
        }
        .Detailimgs{
            height:50px;
            img{
                float:left;
                margin-top:30px;
            }
            span{
                display:block;
                float:left;
                margin-top:30px;
                text-align: center;
            }

        }
      } 
      
 } 
 .bookBought{
    position: relative;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    @include rect(720px, 48px);
    background:#fff;
    display: flex;
    align-items: center;
    padding: 8px 22px 8px 15px;
    cursor: pointer;
    overflow: hidden;
    img{
        width:25px;
        margin-left:3px;
        border-radius: 50%;
    }
   
  }
  .DetailBuyerDetail{
      span{
          font-size:16px;
          color:#000;
      }
  }
 .ClearSomething{
     width:245px;
     height:450px;
     border:none;
     position:fixed;
     left:69%;
     top:127px;
     background:#eee;
     z-index: 1;
 }